@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "microsoft yahei", Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 13px;
}
.apple-banner {
	width: 100%;
	height: 160px;
	overflow: hidden;
}
.apple-banner .swiper-container {
	margin-top: 0px;
	width: 100%;
	height: 160px;
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 160px;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-15px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25);
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .6;
}
/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:10px;
	background:none;
}
.apple-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 18px;
	height: 3px;
	margin: 0 3px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
	width: 20px;
	height: 2px;
	display: block;
	background: rgba(128,128,128,0.2);
}
.apple-banner .swiper-pagination-bullet-active span{
    background:gray;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.apple-banner  .swiper-pagination-bullet i{
	background: gray;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:gray;
}
/*内容样式*/

.slide1 {

	background-size: auto 100%;
}

.slide1 .title {
	text-align: center;
	margin-top: 30px;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}

.slide2 {

	background-size: auto 100%;
}

.slide2 .title {
	padding-top: 100px;
	text-align: center;
}

.slide2 h2 {
	bottom: 100px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	position: absolute;
	width: 100%;
}

.slide3 {

	background-size: auto 70%;
}

.slide3 .title {
	text-align: center;
	margin-top: 100px;
	font-size: 40px;
	font-weight: normal;
}

/*index*/
.apple-banner {width: 100%;max-height: 160px; overflow: hidden;background-color:#fff}
.apple-banner img{width: 100%;margin: auto}
.swiper-button-next{height: 160px}
.swiper-button-prev{height: 160px}
.swiper-button-next{height: 160px}
.swiper-button-prev{height: 160px}

.more{position:relative;left: 5px;top: -2px}

.nexIcon{font-size:25px; color:  #fff;text-align: center; line-height: 30px;}
.swiper-slide{height: 160px;background-color: #fff}
.search{ width: 100%; height: 18px; line-height: 18px;font-size: 0.8rem;border:1px none;background:none; text-indent: 10px}
.top{ width: 100%;height: 28px; padding:6px 0px; background: #fff}
.searchBox{width: 100%; position:relative;background-color: #F8F5F5;width: 92%; height: 18px;margin-left: 4%; padding:5px 0px;border-radius: 4px}
.searchIcon{position: absolute;right: 20px;top:0px; font-size: 1.2rem;color:#000}
.cent{width:100%;background-color:#e1e1e1;padding-bottom: 50px;}
.mian{width: 100%;height: 100%;background-color:#e1e1e1}
.chartIntegral,.myIntegral{font-size: 1rem; height: 28px;line-height: 28px;}
.chartIntegral{ text-align: right}
.boxIntegral{width: 92%;margin: 0px auto;padding:5px 0px;background: #e3d9d9;border-radius: 20px;}
.myIntegralBox{width: 100%;padding:13px 0px;background-color:#fff }
.lable{ margin-left: 1rem}
.lableRight{ margin-right: 1rem}
.red{ color: #be343c;font-size: 1.2rem}
.activityTitle p{font-size: 14px;color: #be343c;text-align: center}
.iconMore{border-radius: 10px; padding:2px;color: #fff;background:#0C0C0C;font-size: 12px;margin-left: 5px}
.activityTitle .More{font-size: 12px;color: #323232 }
.activityTitle {padding:7px 0px;background-color: #e8e8e8;width: 100%; }
.imgBoxs{width: 100%;text-align: center}
.imgBoxs img{max-width: 100%;height: auto; margin: 0px auto}
.activityCent  .imgBoxs img{max-height:70px;}
.boxActivityCent{ text-align: center;padding:14px;height: 100px}
.boxActivityCent p{line-height: 20px;}
.boder {border: 1px solid #e1e1e1;border-top: 0px none;border-right: 0px none}
.activityCent .boder:first-child{boder-right:0px none}
.activity p{font-size: 1.2px;text-align: center}
.activity{background-color:#fff}
.activityText{line-height:30px;padding-top: 30%}
.commodity{color:#be343c;max-width: 100%;max-height:25px;overflow: hidden}
.list{margin-top: 5px;background-color:#fff}
.list p{text-align: center}
.list .listTitle{padding: 5px 0px;}
.list .listTitle p{line-height: 20px;}
.list .listTitle .listTitleBoder{border-right:1px solid #e1e1e1 }
.listTop{border-top:1px solid #e1e1e1;padding: 5px 0px; }
.listCent{padding:0px 4px;}
.listCent .imgBoxs{height:140px}
.span2 {float: left;width: 20%;}
.span2 .imgBoxs{width: 70%;margin: auto}
.span2 .imgBoxs img{max-height:100px;margin: auto}
.card{background: #fff;width:97%;padding:5px 0px 0px 0px; margin: auto;margin-top: 5px; border-radius: 8px}
.padding10{paddng:10px;}
.text {padding: 0px 5px;margin-left: 5px}
.text  p{font-size: 12px;line-height: 23px;color: #909090;max-height:23px; width: 100%;overflow: hidden;}
.text .name{font-weight: bold; color: #323232; font-family: "宋体"; width: 100%; height: 30px; overflow: hidden;font-size: 14px;margin-bottom: 10px;}
.redNumber{color: #BE343C;font-size: 14px;margin-right: 5px;width: 80%;height: 20px;line-height:20px;overflow: hidden}
.text .red{font-size: 12px;max-width: 80%;height: 20px;line-height:20px;overflow: hidden}
.listTypes{text-align: center;padding-top: 3px;}
.span2 .shopping{position: absolute; top:-15px; left: 0px; width: 60px}
.span2  .shopping img{width: 60px;height: 60px}
.footer{ position: fixed; bottom: 0px;width: 100%;background-color:#fff}
.footer .activityCent  .imgBoxs {margin: 0px auto}
/* my */
.my .userBox{background: #be343c;height: 210px;max-height: 210px;}
.user{width: 150px;height: 130px;margin: auto;margin-top: 30px;}
.user .imgBoxs{width: 100px;height: 100px;margin: auto;border: 1px solid #fff;border-radius:50px;position: relative }
.user P{text-align: center;font-size: 1.2rem;color: #fff;line-height: 30px;}
.my .user .vip{position: absolute;top: 3px;right: 3px;width: 20px}
.my .myIntegralBox p{text-align: center;font-size: 12px;line-height: 30px;}
.my  .myIntegral{text-align: center }
.my  .myIntegralBox{background: none ;position: relative;height: 40px;}
.my  .ActivityImg .imgBoxs{ margin-top: 20%;height: 32px;margin-bottom: 10px;}
.borderRiu{ width: 95%;border-radius: 8px;margin: auto;background: #fff;position: absolute;top: -39px;left: 2.5%}
.my .IntegralNubmer{padding: 5px 0px;border-top:1px solid #e1e1e1 }
.my .IntegralNubmer p{line-height: 20px;}
.my .ActivityTitle p {font-size: 14px;}
/* shoppingCart  */
.add{ border:1px solid #e1e1e1;float: left;width:28%; height:28px;max-width:28px;min-width:28px;}
.del{ border:1px solid #e1e1e1;float:left;width:28%; height:28px;max-width:28px;min-width:28px;}
.add .imgBoxs{margin: auto;margin-top:5px;}
.del .imgBoxs{margin: auto;margin-top:5px;}
.shoppingCart .cent{padding-bottom: 100px}
.number{ width:33%;max-width:100px;height:28px; float:left; border:1px solid #e1e1e1;}
.number input{ width:100%;line-height:28px;height:28px;border:none;text-align:center}
.shoppingCart .card p{text-align:left;line-height:25px;width:100%;font-size: 12px;color: #909090;overflow: hidden;}
.shoppingCart .cardImg {width:100%;max-height:100px;position: relative}
.shoppingCart .card{ border-radius:0px;width:100%}
 html,html .shoppingCart .mian{ height: 100%;background-color:#e1e1e1 }
.shoppingCart .red{font-size: 14px}
.iocnCheck{position: absolute;top: 30%;left: 5px;width: 15px; }
.iocnCheck img{max-width: 100% }
.shoppingCart .card .listTypes{font-size: 12px;font-weight: bold;max-height: 40px;line-height: 20px;overflow: hidden;color: #0C0C0C}
.shoppingCart .card p span{font-size: 12px;}
.listTypesBox{height: 70px;}
.shoppingCart .tl-exchange{ position: fixed;bottom: 55px;width: 100%}
.shoppingCart .tl-leftdiv{color: #909090;height: 48px;line-height: 48px;margin-bottom: 0;}
.shoppingCart .tl-tegral{color: #323232 !important;text-align: right}
.shoppingCart .ti-mun{margin-left: 3px;color: #be343c}
.shoppingCart  .tl-change{background-color: #be343c;height: 48px;line-height: 48px;font-size: 16px;}
/* myIntegralBody */
.myIntegralBody .userBox { max-height: 280px;padding: 20px 0px; height: auto}
.myIntegralBody .user{width:60%;max-width: 220px;margin-top: 0px;height: auto;max-height: 220px}
.myIntegralBody .user .imgBoxs{ position: relative;width: 100%;height:auto;margin-top: 0px}
.myIntegralBody .integralNubmer{ position: absolute;left:5px;top: 30%;width: 100%}
.myIntegralBody .integralNubmer p{ text-align: center;font-size: 1rem;color: #0C0C0C;}
.myIntegralBody .integralNubmer p.Nubmer{ text-align: center;font-size: 1.8rem;color: red; }
.myIntegralBody .activity .imgBoxs{max-width: 38px;max-height: 38px;}
.myIntegralBody .activity {margin-top: 10px;}
.myIntegralBody .activity .card{ padding: 0px 5px 0px 0px;margin: 0px;height: 55px;}
.myIntegralBody .activity .card .boder{ border-bottom: 1px solid #e1e1e1}
.myIntegralBody .activity .card p{font-size: 12px; line-height: 25px;text-align: left;color: #909090;overflow: hidden}
.myIntegralBody .activity .card p.title{font-size: 16px;line-height: 30px;color: #323232}
.myIntegralBody .activity .card p.red{color: red;font-size: 16px;text-align: right;line-height: 40px}

/* IntegralChartBody */
.IntegralChartBody .integralNubmer{ position: absolute;left:5px;top: 30%;width: 100%}
.IntegralChartBody .integralNubmer p{ text-align: center;font-size: 1rem;color: #0C0C0C;}
.IntegralChartBody .integralNubmer p.Nubmer{ text-align: center;font-size: 1.8rem;color: red; }
.IntegralChartBody .activity .imgBoxs{max-width: 38px;max-height: 38px;margin-top: 5px;margin-left: 5px}
.IntegralChartBody .activity {}
.IntegralChartBody .activity .card{ padding: 5px 5px;margin: 0px;height: 50px;}
.IntegralChartBody .activity .card .boder{ border-bottom: 1px solid #e1e1e1}
.IntegralChartBody .activity .card p{font-size: 12px; line-height: 25px;text-align: left;color: #909090;overflow: hidden}
.IntegralChartBody .activity .card .title{font-size: 16px;line-height: 30px;color: #323232}
.IntegralChartBody .activity .card .red{color: red;font-size: 12px;text-align: right;line-height: 40px}
.IntegralChartBody .activity .card  .time{text-align: right;padding-right:5px; }
.IntegralChartBody  .boder{border: 0px none;border-bottom: 1px solid #e1e1e1}

/* shoppinglist */
.shoppinglist .card p{text-align:left;line-height:25px;width:100%;font-size: 12px;color: #909090;overflow: hidden;}
.shoppinglist .cardImg {height:80px;position: relative;margin-left:5px;}
.shoppinglist  .cent .card{ border-radius:0px;width:100%;}
.shoppinglist .card p{ text-align: left}
.shoppinglist .card .red{font-size: 18px;margin-right: 5px;}
.shoppinglist .card .listTypes{font-size: 15px; max-height: 20px;line-height:20px;overflow: hidden;color: #0C0C0C;margin-bottom:5px;padding-right: 10px; }
.shoppinglist .card p span{font-size: 12px;}
.shoppinglist .listTypesBox{height: 60px;}
 html,html .shoppingCart .mian{ height: 100%;background-color:#e1e1e1 }
.shoppinglist .leftBox{margin-left: 5px;}
/* addressBody */
.addressBody .card{ padding: 5px 10px;margin: 0px;height:auto;border-radius:0px;width:100%;margin-bottom: 5px}
.addressBody .card .cardCent{padding: 10px }
.addressBody .card .cardCent p{ line-height: 25px; color: #909090}
.addressBody .card span{color: #909090 }
.addressBody .card .cardCent .name{ font-size: 1rem;color: #323232;margin-right: 20px;}
.addressBody .card .cardCent .iphone{ font-size: 1rem;color: #323232}
.addressBody .addressChart {height: 50px; }
.addressBody  .icon img{ position: relative;top: -3px;}
.addressBody  .icon { padding: 0px 5px}
.addressBody  .border{ border-top: 1px solid #e1e1e1;padding: 10px}
/*addAdress*/
.addAdress .layui-form{width: 100%;background-color: #fff}
.addAdress .layui-form-label{width: 66px;padding: 0px;line-height:30px;}
.addAdress .layui-input-block{margin-left: 70px;}
.addAdress  .layui-input-block input{ border:0px  none; height: 30px;}
.addAdress  .layui-form-item{margin-bottom: 0px;padding: 5px;border-bottom: 1px solid #e1e1e1}
.addAdress  textarea{border: 0px none}
.addAdress .cent{margin-top: 10px;}
/*login */
.login .Box{width: 80%;margin: auto;position: relative}
.login .Box input{background: none; border: 1px solid #f3dfdf;border-radius: 22px;padding: 10px 46px;line-height:14px;}
.login .Box .icon{ position: absolute;left: 18px;top: 8px;width: 18px;height: 18px;}
.login .Box .icon img{max-width: 100%;}
.login .Box .icon2{ position: absolute;right: 18px;top: 8px;width: 12px;height: 12px;}
.login .mian{background: #fff;}
.login {width: 100%;height: 100%}
.login .cent{background: #fff}
.login  .userBox{margin-top: 90px;padding-top: 0px;height: 150px}
.login  .userBox .user{margin-top: 0px;}
.login  .userBox .imgBoxs{width: 100px;padding: 10px;margin-top: 0px; border-radius:50% ;border:  2px solid #f3dfdf}
.login  .userBox .imgBoxs img{ border-radius:50% }
.bot {width: 100%;background: #BE343C;margin: auto;border-radius: 20px;box-shadow: 0px 2px 2px #888888}
.goRrgt{text-align: left; margin-top: 10px;color:#323232}
.goRermane{text-align: right; margin-top: 10px;color:#323232}
/*register*/

.register .Box{width: 80%;margin: auto;position: relative}
.register .Box input{background: none; line-height:14px;border: 0px none;padding-left: 0px}
.register .Box .inputBox {background: none; border: 1px solid #f3dfdf;border-radius: 22px;padding: 0px 20px 0px 70px;line-height:14px;}
.register .codeBox .inputBox {padding: 0px 70px 0px 18px;line-height:14px;}
.register .Box .icon{ position: absolute;left: 18px;top: 10px;width: 50px;height: 18px;}
.register .Box .icon img{max-width: 100%;}
.register .Box .icon2{ position: absolute;right: 50px;top: 8px;width: 40px;height: 12px;}
.register .mian{background: #fff;}
.register {width: 100%;height: 100%}
.register .cent{background: #fff}
.register  .userBox{margin-top:25%;padding-top: 0px;}
.register  .userBox .user{margin-top: 0px;}
.register  .userBox .imgBoxs{width: 100px;padding: 10px;margin-top: 0px; border-radius:50% ;border:  2px solid #f3dfdf}
.register  .userBox .imgBoxs img{ border-radius:50% }
.register  .bot {width: 100%;background: #BE343C;margin: auto;border-radius: 20px;box-shadow: 0px 2px 2px #888888;margin-top: 10px}
.icon2 .bot{ width: 80px;height: 20px;font-size: 12px;line-height: 20px;border-radius:10px;padding-left: 5px;padding-right: 5px;margin-top: 0px }
.goRrgt{text-align: left; margin-top: 10px;color:#323232}
.goRermane{text-align: right; margin-top: 10px;color:#323232}
.layui-form-item{margin-bottom: 12px;}
.layui-form-radio { font-size: 5px;height:10px;padding: 12px 10px;margin: 0px;line-height: 8px}
.layui-form-radio .layui-anim{ font-size: 12px;height: 10px;margin: 0px}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: #BE343C}
/* classify */
